
.zs_menu_bar,.zs_menu_show, .zs_menu_sub,.zs_menu_all
{
margin: 0;
padding: 0;
list-style: none;	
box-sizing: border-box;	
-moz-box-sizing: border-box;

	
}

.zs_menu_hide
{
	display: none;	
}
ul.zs_menu_show
{
	clear: both;
	position: absolute;
	display: none; 
	z-index: 10;
	border: 1px groove White;		
}

.zs_menu_bar
{

	background-color: #68c;	
}
.zs_menu_bar a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #8ae;		
}
.zs_menu_all a, .zs_menu_content
{
	background-color: #68c;
	cursor: pointer;
	color: #eee;
	user-select: none;
	font-weight: 300;
	font-size: 18px;	
	border-spacing: 0px;
	text-align: left;	
	padding: 10px;	
	display: inline-block;	
	box-sizing: border-box;	
-moz-box-sizing: border-box;			
}
.zs_menu_all a
{
	
	
}

.zs_menu_bar li
{
	border-right: 1px groove White;	
	
}
.zs_menu_show > li
{
	box-sizing: border-box;	
}

.zs_menu_show  a
{
	width:100%;	
	min-width: 10em;
}
.zs_menutop a.zs_menu_link
{
	cursor:default;
}
.zs_menutop a.zs_menu_link:hover
{
	background-color: #68c;	
}
@media all and  (min-width: 600px) {
	.zs_menu_bar >li
	{
	display: inline-block;	
	}	
	ul.zs_menu_show
	{
		display: block;	
	}	
	.zs_menu_bar
	{
		width:100%;
		display: block;	
		clear: both;
		background-color: #68c;	
	}
		.zs_menu_content
		{
			display:none;
		}
	.zs_menu_all
	{
		
		color:red;
	}			

}

@media all and  (max-width: 600px) {
	.zs_menu_bar >li
	{
	   
	}
	.zs_mb_show 
	{
		display:inline-block;	
		position: absolute;
		z-index: 10;		
	}
	.zs_mb_hide 
	{
		display:none;	
	
	}		
	.zs_menu_content
	{
		display:block;
		clear:right;
		
	}	

	.zs_menu_content:before
	{
		content: "Contents";
	}
	.zs_menu_item 
	{
	
	}	
	ul.zs_menu_show
	{
		display:inline-block;	
	}			
	.zs_menu_sub
	{
	
		
	
	}	
	
	
}
